<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>
		
		<style>
			body, html{
				height: 100%;
			}
		</style>
		
	</head>
	<body>
		<div class="chg-container">
			<div class="bg"></div>
			<img src="img/fire.png" alt="fire" />
			<div class="butt">
				<a id="chg" class="chg" href="javascript:void(0);">免费吃火锅</a>
				<br />
				<a id="rules" class="rules" href="javascript:void(0);">活动规则</a>
			</div>			
		</div>

		<div id="gz01" class="mid-box" style="display:none;">
			<div class="gz_">
				<img src="img/code.jpg" alt="code" />
				<p>
					长按上方二维码关注<em>“仁美•大源印象”</em>
					<br />
					点击底部“免费吃火锅”按钮
					<br />
					这个冬天，巴适得很！
				</p>
			</div>
		</div>

		<div id="gz02" class="mid-box" style="display:none;">
			<div class="gz_">
				<img src="img/a01.png" alt="a01" />
				<p>
					<span>
						没有什么事情是一顿火锅
						<br />
						解决不了的！
					</span>
					<br />
					猛戳右上角，分享朋友圈
					<br />
					<strong>邀请小伙伴一起免费吃火锅吧！！</strong>
				</p>
			</div>
		</div>

		<div id="ysj" class="cover-cj" style="display: none;">
			<div class="cj">
		    	<div class="bg"></div>
				<img src="img/fire.png" alt="fire" />
				<div class="zp">
		            <div class="zp-bg"></div>
		            <img src="img/zz.png" alt="zz" class="" />
		        </div>
			</div>	
		</div>			

		<div id="suc" class="cover-success" style="display: none;">
			<div class="success-container">
				<div class="bg"></div>
				<img src="img/bg02.png" alt="bg02" />		
				<div class="success-body">
					<span>NO.00001</span>				
					<div class="p1">
						恭喜您！
						<br />
						获得******！
					</div>
					<div class="p2">
						请于12月6日18点前到访仁美·大源印象销售中心领取
						<br />
						地址:成都市大源核心·伊藤旁·剑南大道与天府四街交汇处
						<br />
						仁美·大源印象售楼部<a href="#"><img src="img/daohang.png" alt="daohang" /></a>
						<br />
						咨询电话:028-61557777<a href="#"><img src="img/phone.png" alt="phone" /></a>                       
					</div>
				</div>
			</div>
		</div>		

		<div id="late" class="cover-success" style="display:none;">
			<div class="success-container">
				<div class="bg"></div>
				<img src="img/bg02.png" alt="bg02" />		
				<div class="success-body">				
					<div class="p1 p">
						遗憾！
						<br />
						这次居然没抢到！
					</div>
					<p>没关系,免费火锅连送三天,明天记得早点来哦~</p>
					<div class="p2">
						请于12月6日18点前到访仁美·大源印象销售中心领取
						<br />
						地址:成都市大源核心·伊藤旁·剑南大道与天府四街交汇处
						<br />
						仁美·大源印象售楼部<a href="#"><img src="img/daohang.png" alt="daohang" /></a>
						<br />
						咨询电话:028-61557777<a href="#"><img src="img/phone.png" alt="phone" /></a>                                            
					</div>
				</div>
			</div>
		</div>		


		<div class="hdgz-cover-box" id="rule" style="display:none;">
	    	<div class="hdgz-pop-box">
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="hdgz-pop-content">
	                <h2>活动规则</h2>    
	                <ul>
	                	<li>1、活动时间:2015年11月27日至2015年11月29日;</li>
						<li>2、参与方式:关注【仁美•大源印象】官方微信公众号,点击【免费吃火锅】完成分享即可参与抽奖;</li>
						<li>3、领奖时间:即日起至2015年12月6日18点前;</li>
						<li>4、领奖地址:仁美•大源印象售楼(成都市大源核心•伊藤旁•剑南大道与天府四街交汇处);</li>
						<li>5、领奖资料:参与活动的手机微信号和中奖截图;</li>
						<li>6、特别说明:
							<br />
							a)本次活动所有奖品均需获奖者本人到仁美•大源印象销售中心,经验证身份后现场领取;
							<br />
							b)请在规定时间内领取,提前或延迟主办方有权不发放礼品,逾期作废;
							<br />
							c)领取奖品时请出示参与活动的手机微信号,经验证后领取相应奖品,不得重复领取;
							<br />
							d)使用火锅券前请确认所在位置是否属于来一火火锅配送范围,如因业务范围导致火锅无法送达,后果由个人承担。
							<br />
							e)本次活动最终解释权归四川仁美置业有限公司所有。
						</li>
	                </ul>          
		        </div>
	    	</div>
		</div>
		
		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 500,
				fadeOutTime: 1000,
				onComplete: function() {
					
					$("#chg").bind("click", function() {
						$("#gz01").show();
					});
					$("#gz01").bind("click", function() {
						$("#gz02").show();
					});
					$("#gz02").bind("click", function() {
						$("#ysj").show();
					});
					$("#gz02").bind("click", function() {
						$("#ysj").show();
					});
					$("#ysj").bind("click", function() {
						$("#suc").show();
					});
					$("#suc").bind("click", function() {
						$("#late").show();
					});
					$("#rules").bind("click", function() {
						$("#rule").show();
					});
					$("#rule").bind("click", function() {
						$(this).hide();
					});
					
				}
			});
		</script>
	</body>
</html>